<template>
    <div>
        <div class="filter"></div>
    </div>
</template>

<script>
    export default{
        name:"background_filter"
    }
</script>

<style scoped>
    .filter{
        width: 300px;
        height: 100px;
        background: linear-gradient(to right top,skyblue,gold,cyan);
        animation: gd 10s linear infinite;
    }
    @keyframes gd{
        0%{
            filter: hue-rotate(0deg);       
        }
        100%{
            filter: hue-rotate(360deg);       
        }
    }
</style>